<template>
	<view> 
		<u-grid :col="5" :border="false" @click="clickItem">
			<u-grid-item v-for="(item, index) in gridMenuList" :key="index" :index="index">
				<u-image width="120rpx" height="120rpx"   :src="item.file_url"></u-image>
				<view class="grid-text">{{item.menu_name}}</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		props: ["gridMenuList"],
		data() {
			return {
				
			}
		},
		methods: {
			clickItem(index){
				console.log("sss==="+this.gridMenuList[index].menu_url)
				uni.navigateTo({
					url:this.gridMenuList[index].menu_url
				})
			}
		}
	}
</script>

<style>
	.grid-text{
		margin-top: 10rpx;
	}
</style>
